﻿@import url('/Styles/popup.css');
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline;}
body {line-height: 1.5; font-size: 12px;color: #333; font-family: Tahoma, Arial, Verdana, sans-serif;}
a {text-decoration: none;color: #352C23;}
a:hover {/*text-decoration: underline;*/ color: #352C23;}
a img {border: none;}
ul, li {list-style-type: none;list-style-image: none;}
h1, h2, h3 {font-size: 17px; margin: 0; padding: 0;margin-bottom: 3px;}
p {font-size: 14px; padding: 0;  margin: 0;}
.clr {clear: both;}
textarea {font-family: Tahoma, Arial;}

#FOOTER .address .logof,.filter-title,
.product-order-right li, .mapsVN, .social,._submit, 
.view-news, .card-gold,.httt-skype,.dt-PT {background-image: url(../Images/System/skin.png); background-repeat: no-repeat;}

.left{float:left;}
.right{float:right;}
._content {background-color: #FFFEFD;border: 1px solid #DFDFDF;box-shadow: 0 0 5px #DFDFDF;}
.titlePage {width:100%;color:#fff;background: url("../Images/System/icon-title.png") no-repeat scroll 3px 6px #006588; margin:10px 0 0 0;}
.social-networking {float:left;}
.social-networking li{float:right; margin-left:8px;color: #333;font-weight:bold;}
.logo-card{float:left;width:100%;}
.logo-card li{float:left; margin-right:5px;}
.icon-facebook{ width: 32px; height: 32px;background-position: -6px -200px; display:block;}
.icon-twitter{ width: 32px; height: 32px;background-position: -44px -200px; display:block;}
.icon-google{ width: 32px; height: 32px;background-position: -84px -200px; display:block;}
.icon-viettel{width: 45px; height: 32px;background-position: -3px -606px; display:block;}
.icon-vina{width: 90px; height: 32px;background-position: -50px -606px; display:block;}
.icon-mobi{width: 77px; height: 32px;background-position: -148px -606px; display:block;}
.icon-vtc{width: 53px; height: 32px;background-position: -234px -606px; display:block;}
.inNews{margin-left:12px; margin-left:12px; margin-bottom:10px;}
.wrapper {width: 1000px; margin: 0 auto;}
.space {display: inline-block;height: 10px;width: 100%;}
/*----------------------Color--------------*/
.blue {background-color: #0084CC!important;}
.orange {background-color: #D9532D!important;}
.yellow {background-color: #FFD401!important;}
.red {background-color: #D31F44!important;}
.gold {background-color: #CDAB47!important;}
.brown {background-color: #661A0A!important;}
.grey {background-color: #352C23!important;}
.table{width: 100%;}
.table th{padding: 10px;background-color: #DDEBFF;border: 1px solid #CCCCCC;}
.table td{border: 1px solid #CCCCCC; padding: 5px;}
.btnHoanThanh{background: url(/Images/System/dangtin_btn.gif) no-repeat left top;width: 105px;height: 35px;text-transform: uppercase;text-align: center;font-weight: bold;color: #fff;cursor: pointer;line-height: 35px;font-size: 14px; border: none;}
.btnHoanThanh:hover{background: url(/Images/System/dangtin_btn.gif) no-repeat left bottom;width: 105px;height: 35px;text-transform: uppercase;text-align: center;font-weight: bold;color: #fff;cursor: pointer;line-height: 35px;font-size: 14px; border: none;}
/*-----------------------------------------*/
.fb-share {float: right;margin: 5px 0 0 7px;height: 22px;width: 50px;}
.fb-like-detail {float: right;/*margin-top: 5px;*/}
.fb-comments {margin-top: 10px;}
.g-plusone {border-top: 1px solid #ccc;}
.likes {background: url("../Images/System/like_icon.png") no-repeat scroll 0 0 transparent;padding-left: 18px;}
/*-----------------------FOOTER------------------------*/
#FOOTER {padding: 0px 0 20px 0;border-top: 3px solid #14385A; background-color: #265989; color:#fff;}
.w-page {width: 1000px; margin: 0 auto;}
.mfooter {padding: 10px 0 15px 0;border-bottom: 1px solid #ddd;}
.mfooter ul {float: left;height: 1%; width: 100%; display: block;margin-right: 10px;}
.mfooter ul .title {font-size: 12px;font-weight: bold;padding-bottom: 5px;}
.mfooter ul li {font-size: 11px; padding: 0 0 4px 0; display: block; margin-bottom: 2px;color: #6f6f6f;}
.mfooter ul label {font-weight: bold; color: #6f6f6f;}
.mfooter ul li a {color: #0784a3;font-size: 11px;}
.mfooter .wabout {width: 235px; float: left;}
.icon_email_footer {background: url("../images/System/icon_email_footer.png") no-repeat scroll left center transparent;margin-bottom: 5px;margin-top: 5px;padding-left: 25px;}
.icon_fone_footer {background: url("../images/System/icon_fone_footer.png") no-repeat scroll left center transparent;margin-bottom: 5px;margin-top: 5px;padding-left: 25px;}
#FOOTER .pd-adress {padding: 15px 0 15px 0;}
#FOOTER .address {float: left;color: #FFF;text-align: left;line-height: 17px;position: relative;padding: 0px 0 0 0px;margin-top: -2px;}
#FOOTER .address .logof {display: block; width: 156px;height: 63px; background-position: left -643px; position: absolute; left: 0px; top: 2px;}
/*---------------------------------------HEADER--------------------------------------*/
#HEADER {background-color: #163A5C; width: 100%; top: 0;z-index: 9999;}
#HEADER .logo {margin-top: 10px;float:left; background-color:#fff; padding:0px 0px 0px 0px; /*box-shadow: -5px -2px 5px #888888;*/}
#HEADER .user_mng {float: right; line-height:46px;}
#HEADER .log, .reg, .suportOn{color: #034B8A;font-weight: 700;padding: 0 12px;display: block;float: right;border-right: 1px solid #e5e5e5;}
#HEADER .reg{border-left: 1px solid #e5e5e5;}
#HEADER .suportOn{/*border-left: 1px solid #e5e5e5;*/border-right:none; background-color:#113455;}
#HEADER .suportOn .sHotline{line-height:20px; font-size:16px;color:#fff;}
#HEADER .httt-skype{width: 50px; height: 26px;background-position: -8px -25px; margin-left:68px;}
#HEADER .userIn {line-height: 13px;font-size: 11px;padding: 13px 12px 8px;height: 25px;position: relative;border-left: 1px solid #e5e5e5; cursor:pointer; float:right;}
#HEADER .userIn .sEmail{color: #034B8A;font-weight: 700;}
#HEADER .userIn .sGold{color:#ff8b00;}
#HEADER .reg:hover, .log:hover, .userIn:hover, .suportOn:hover{background:#eaedf4; color:#034B8A;}
#HEADER .menu_user{display:none; width:100%; z-index:3; position: absolute;top: 46px;right:-1px; border-color: #e5e5e5;border-width: 0 1px;border-style: solid;}
#HEADER .menu_user li {height: auto;padding: 0;border-style: solid;border-color: #e5e5e5;border-width: 0 0 1px; background:#fff;font-weight: bold; line-height: 35px;}
#HEADER .menu_user li a{padding: 0 0 0 12px;width: auto; text-decoration: none;color: #034b8a;cursor: pointer;padding: 0 0 0 12px;display:block;font-size:11px;}
#HEADER .menu_user li a:hover {background:#eaedf4; color:#F60;}
.right-header{width:630px; float:right;margin-top:10px;}
.search-all{width:100%;float:left;}
.search-all .forms-search{float: right;padding: 2px;width: 388px;height: 31px;line-height: 31px;border: 1px solid #113455;position: relative;}
.search-all .forms-search .keywords{border: 0;height: 27px;line-height: 27px;width: 337px;border-right: 1px solid #e7e7e7;padding: 0 9px;margin: 2px 0;background:#fff;}
.search-all .forms-search ._submit {float: right;width: 45px;height: 28px;background-position: -6px -146px;text-align: center;margin: 1px;cursor:pointer;border:none;}
.search-all .forms-search ._submit:hover{opacity:0.9;}
#icon-top{float:right;margin:7px 0 0 0;}
/*------------------------------------- MID HEIGHT------------------------------------*/
#MID-HEADER{width:100%;}
#MID-HEADER .post-news{width:20%;float:left; text-align:right;}
/*#MID-HEADER .post-news .post{margin-left:62px;}*/
#MID-HEADER .post-news .btn-post {display: block;float: right;height: 32px;line-height: 32px;border-radius: 5px 5px 5px 5px;background: #3973b3;color: #fff;text-shadow: 0 1px 1px #3066a8;text-transform: uppercase;font-weight: bold;position: relative;z-index: 1;}
#MID-HEADER .post-news .btn-post span{display: block;padding: 0 11px;line-height: 25px;margin: 4px 10px;}
#MID-HEADER .post-news .btn-post:hover {background: #4782c6;}
.menu_nav{float:left; width:100%; margin:3px 0 0px 0; background-color: #000; opacity: 0.8;position:relative;}
.menu_nav .nav-item:last-child{border-right:none;}
.menu_nav .nav-item{float:left;border-right:1px solid #1E1E1E; padding:9px 8px;color:#fff;}
.menu_nav h2{font-size:12px;font-weight:400; float:left; margin: -3px 0 0;}
.menu_nav a img{float:left; width:15px; height:15px; margin-right:5px;}
.menu_nav a.nav-active{background-color: #018AC4;}
.menu_nav a:hover{background-color: #018AC4;}

.menu_footer{float:left; width:100%; margin:10px 0 20px 0; opacity: 0.8;position:relative;}
.menu_footer .nav-itemF:last-child{border-right:none;}
.menu_footer .nav-itemF{float:left;border-right:1px solid #7488CA; padding: 0px 15px 0px 14px;;color:#fff;}
.menu_footer h2{font-size:12px;font-weight:400; float:left; margin: -3px 0 0;}
.menu_footer a img{float:left; width:15px; height:15px; margin-right:5px;}
.menu_footer a.nav-active{background-color: #018AC4;}


.chird-tintuc{margin: 0;padding: 0px;list-style: none;z-index: 1000;position: absolute;right: 0;top: 36px;margin-right: 15px;display:none;}
.chird-tintuc li{font-weight: normal;background-color: #352C23;border: 1px solid #ffffff;border-bottom: none;float: none;line-height: 15px;text-align: left;}
.chird-tintuc li:last-child{border-bottom: 1px solid #ffffff;}
.chird-tintuc li:hover{background-color: #2795f0;color: white;}
.chird-tintuc li a {padding-left: 10px;padding-right: 10px;background-color: #352C23 !important;border-right: none;display: inline-block;color: #fff;text-align: left;width:230px; line-height: 34px;font-size:14px;}
.chird-tintuc li a:hover {background-color: #2795f0 !important;color: white;}
.chird-tintuc li a:active {background-color: #352C23}
/*-------------------------------------CONTENT----------------------------------------*/
#CONTAINER {margin-bottom: 5px;}
#CONTAINER .contentLeft {float: left;/*border:solid 1px #ccc;*/width: 280px;}
#CONTAINER .contentLeft .box-left {/* min-height: 300px; */ border: solid 1px #ddd; margin-bottom: 5px;}
#CONTAINER .contentLeft .box-left .title-left {background-color: #fff; font-weight: bold; text-align: center; padding: 5px;color: #0098D3;font-size: 13px;}
.box-left .w8-icon{height: 62px;width: 71px;}
.box-left .w8-icon:hover{color:#fff;}
.lst-icon{padding: 3px 0 3px 0;}
.ul-top-pt {
    float: left;
    margin-bottom: 2px;
    width: 100%;
}
.ul-top-pt li {
    border-bottom: 1px dotted #BEBDBD;
    float: left;
    padding: 5px;
    width: 96%;
}
.ul-top-pt li .divImg {
    float: left;
    height: 40px;
    margin-right: 7px;
    text-align: center;
    width: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ul-top-pt li .divImg img {
    height: 32px;
    margin-top: 4px;
    width: 32px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ul-top-pt li a {
    color: #055699;
    display: block;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
}
.ul-top-pt li a:hover {
    color: #FFA500;
}
/*--------------------------*/
#CONTAINER .contentRight {float: right; width: 713px;}
#CONTAINER .contentRight .box-right {min-height: 300px;}
.box-right .title-right {font-weight: bold; text-align: left;padding: 5px; color: #fff;font-size: 13px;border-bottom: 2px solid #333; padding-bottom: 5px;margin-bottom: 10px;}
.box-right .title-right img {width: 25px;height: 25px;float: left;margin-right: 10px;}
.box-right .title-right h3 {font-size: 16px;}
/*-----------------------------------------------------------------------------*/
/*-----------------------DANH SACH PHONG TRO-----------------------------------*/
.lstPhongTro{padding: 5px;border: 1px solid #DFDFDF;box-shadow: 0 0 5px #DFDFDF;}
.lstPhongTro .lstRow{margin-bottom: 3px;border-bottom: dotted 1px #ccc;min-height: 50px;width: 99.7%;padding-bottom: 3px;}
.lstPhongTro .lstRow .lstCTright,.lstPhongTroVIP .itemPTVip .lstCTright{float: right;border: solid 1px #ccc;margin: 5px 0px 5px 5px;min-height: 37px;width: 100px;text-align: center;vertical-align: middle;padding-top: 5px;}
.lstPhongTro .lstRow .lstCTright p{font-size:13px;}
.lstPhongTro .lstRow .lstCTleft{float: left;width: 40px;height: 40px;text-align: center;margin-top: 7px;}
.lstPhongTro .lstRow .lstCTleft img{height: 30px;margin-top: 5px;width: 30px;}
.lstPhongTro .lstRow .lstCTleft p{font-size: 10px;margin: 0px;padding: 0px;line-height: 10px;}
.lstPhongTro .lstMid h1{font-size: 14px !important;margin-bottom: 5px !important;padding: 0px;line-height: 10px !important;font-weight: bold !important;}
.lstPhongTro .lstMid h1 a{line-height: 13px;font-size: 12px !important;font-weight: normal !important;}
.lstPhongTro .lstMid h4{font-size:13px; margin-bottom:0px;}
.lstPhongTro .lstMid h3{font-size:15px;margin-bottom: 0;}
.lstPhongTro .lstMid h2{font-size:16px;margin-bottom: 0;}
.lstPhongTro .lstRow .lstMid{float: left;margin: 5px 0px 0px 10px;width: 517px;font-size: 12px;}
.lstPhongTro .lstRow .lstMid .title{font-size:13px; font-weight:bold;color: #055699;}
.load-more{padding: 5px;background-color: #EEEEEE;margin-top:5px;text-align:center;font-weight:bold;}
/*-----------------------------------------------------------------------------*/
.pro-tool{display: block;font-weight: bold;margin: 10px 0 5px;overflow: hidden;text-align: right;}
.pro-tool ul{display: block;margin: 0;padding: 0;}
#pro-share ul li{padding-left: 0;}
.pro-tool ul li{display: inline;font-weight: normal;}
#pro-share a{padding: 0 0 2px 15px;}
.fb{background-position: 0 -18px;}
.tw{background-position: 0 -37px;}
.gb{background-position: 0 -53px;}
.de{background-position: 0 -71px;}
.dg{background-position: 0 -90px;}
.yb{background-position: 0 -109px;}
.icon{background-image: url("../Images/System/icons_1.2.jpg");background-repeat: no-repeat;}

.titleModule{float: left;font-weight: bold; font-size:12px;  width: 100%;padding: 5px 0;font-size: 14px; border-top: 1px solid #3399cc;border-bottom: 1px solid #e5e5e5;}
.spaces{position:relative;height: 40px;line-height: 40px;font-weight: bold;font-size: 15px;color: #034b8a;text-align: left;padding-left: 6px;background-color: #f5f7fb;border: 1px solid #d8dfea; border-bottom:none;}
.spaces .ttIndex{padding:10px; margin-left:5px;color:#666666;cursor:pointer;}
.spaces .ttIndex a{color:#034b8a;}
.spaces .ttIndex a:hover{color:#ff8c00;}
.spaces .ttIndex:hover{background:#eaedf4;}
.spaces .ttD{float:right; padding:0 10px 0 10px}
.titleModule h2{font-size: 16px;margin: 0;padding: 0;margin-bottom: 0px;color:#3399cc;}
/*----------------------- CHI TIẾT PHÒNG TRỌ-----------------------------------*/
.detailsPT{padding:10px 10px 25px 10px;border: 1px solid #DFDFDF;box-shadow: 0 0 5px #DFDFDF; overflow:hidden;}
.detailsPT h1{font-size:19px; color:#4e4d4d;background-color: #eee;padding: 5px;}
.detailsPT .contentPT{font-size: 14px; line-height: 25px; text-align:justify;}
#lstImagesChiTiet{padding: 5px 0px 5px 5px;border: none;float:right;}
#lstImagesChiTiet ul li{margin-right: 5px\0/ !important;margin-right: 20px;border: 1px solid #ccc;width: 150px;height: 103px;overflow:hidden;}
#lstImagesChiTiet img{max-width: 150px;max-height: 100px;}
#lstImagesChiTiet ul li a{cursor: -moz-zoom-in;}

/*.social-N{float:left;}*/
.social-N a{float:left; margin-left:5px;}
.date-C{font-size: 11px;color: #666;}
.wrap-btnPT{float:left;width:100%;}
.infor-PT{padding: 0px 5px 0px 0px;border-radius: 5px;float: left;border: solid 1px #ccc;font-weight: bold;color: #4e4d4d;margin-top: 10px;}
.infor-PT span{float:left; line-height:32px; margin-left:5px;font-size:14px;}
.pricePT{width: 32px; height: 32px;background-position: -5px -97px; float: left;}
.phonePT{width: 32px; height: 32px;background-position: -48px -94px; float: left;}
.dientich{line-height:32px; float:left; color:#000;}
/*----------------------- END CHI TIẾT PHÒNG TRỌ-----------------------------------*/
/*----------------------- CHI TIẾT TIN TỨC-----------------------------------*/
.contentNews{overflow:hidden;padding:10px; border:1px solid #cacaca; min-height:500px;box-shadow: 0 0 5px #DFDFDF; margin-bottom:5px;}
.contentNews .title{color:#FF8B00; font-size:18px; line-height:25px; text-align:justify; font-weight:bold;}
.contentNews .time-news{font-style: italic;padding: 5px 0px 10px 0px;}
.view-news{background-position: -59px -145px;position: absolute; height:20px;width:30px;margin-left: 10px;color: #fff;font-style: normal; text-align:center;}
.contentNews .descriptions{text-align:justify;color:#5f5f5f;font-size:14px; font-weight:bold; padding-bottom:10px;}
.contentNews .content{font-size:15px; color:#333; line-height:25px;}
.wrap-likeFacebook{width: 100%;float: left;border-top: solid 1px #d1d1d1;margin-top: 2px;padding-top: 5px;}
.tindang-info{border: 1px solid #DDD;margin-top: 5px;width: 689px;float:left; margin-bottom:15px;}
.tindang-info a:hover{color:#12A7EB}
.tindang-info .wrap-ifPT {color: #70695B;font-size: 11px;text-align: left;padding: 10px 12px;}
.detail_personal {background: url(/images/system/icon_personal.png) no-repeat 1px 0;padding-left: 25px;margin-top: 7px;}
.detail_email {background: url(/images/system/detail_pm.gif) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_time {background: url(/images/system/icon_time.png) no-repeat;padding-left: 25px;margin-top: 7px; font-weight:bold;}
.detail_palce {background: url(/images/system/placeDetails.png) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_eye {background: url(/images/system/icon_eye.png) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_idItem {background: url(/images/system/icon_idItem.png) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_phoneDt {background: url(/images/system/mobilecall.png) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_moneyDt {background: url(/images/system/moneydt.png) no-repeat;padding-left: 25px;margin-top: 7px;}
.detail_houseDt {background: url(/images/system/iconHousedt.png) no-repeat;padding-left: 25px;margin-top: 7px;}
/*----------------------- END CHI TIẾT TIN TỨC-----------------------------------*/
/*----------------------- Lịch sử giao dịch --------------------------------------*/
.divGeneral {float:left; width:100%;}
.divGeneral div{float:left; line-height:35px; height:35px; background:#A5A4A4; border-left:1px solid #fff;font-weight:bold; text-align:center;}
.divGeneral .ngPre, .ngMG, .ngNN{width:25%;}
.divGeneral .ngNM{width:24%;}
.divGeneral .rowTable{background:#FCF7F7;font-weight:normal;}
.autoPMT{width: 18%; background:#CCCCCC !important;}
.autoPTG{width: 61%; background:#CCCCCC !important;}
.autoPTT{width: 20%; background:#CCCCCC !important;}
.rowPUT{background:#fff !important; font-weight:normal !important;}
.boderD{border-bottom:1px solid #CCCCCC;}
/*----------------------- END Lịch sử giao dịch --------------------------------------*/
/*----------------------- NEWS TOP -----------------------------------*/
.news-top {float: left;width: 100%;margin: 15px 0;border-top: 8px solid #57badf;}
.news-top-index {margin: 69px 0 15px 0!important;}
    .news-top-index > header{height: 35px;}
.news-top > header {margin-bottom: 0px;}
.news-top > header span {font-size: 18px;text-transform: uppercase;position: relative;display: inline;top: -14px; left:10px;padding: 0 12px;color: #000;background: #fff;font-weight:bold;}
.news-bot {float: left;width: 100%;margin: 50px 0;border-top: 5px solid #57badf;}
.news-bot > header {margin-bottom: 0px;}
.news-bot > header span {font-size: 18px;text-transform: uppercase;position: relative;display: inline;top: -14px; left:10px;padding: 0 12px;color: #000;background: #fff;font-weight:bold;}

.lst-news{}
.lst-news li{background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 12px;
    padding: 5px;
    width: 482px;}
.lst-news li.same{width:170px; margin:5px 8px 5px 0px;}
.lst-news li .img-ctdt {height:180px; overflow:hidden;}
.lst-news li img{width:100%;}
.lst-news li .img-same{width:170px; height:130px;}
.lst-news li .title-news {/*height:53px;*/ text-align: center;margin-top:8px;}
.lst-news li .title-news a{font-size:20px; font-weight:bold;color:#0F2F4D;}
.lst-news li .title-news a:hover{color:#006588;}
.lst-news li.last-item {margin-right:0!important;}


.lst-DM{}
.lst-DM li{background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    float: left;
    margin-right: 12px;
    padding: 5px;
    width: 320px;}
.lst-DM li img{width:100%;}
.lst-DM li .title-news{text-align:center;}
.lst-DM li .title-news a {font-size: 16px;font-weight: bold;color: #0F2F4D;}
/*---------------------- END NEWS TOP -----------------------------------*/
/*---------------------- POP UP -----------------------------------*/
.boxPopup {width:320px; display:none; background:#FFF; border:solid 1px #BBBBBB;border-radius:0px;box-shadow:0px 0px 15px #999;position:absolute; float:left; right:0px;top:50px;z-index:9999;}
.wrap-popup{border: 8px solid #ebebeb;}
.boxLayer{display: none;background-color: #000000;height: 100%;left: 0;opacity: 0.8;position: fixed;top: 0;width: 100%;z-index: 6666;}
.boxPopup .login-title{background: #034b8a /*#12A7EB*/;line-height: 30px;font-weight: 700;color: #fff;padding: 0 0 0 15px;border-bottom: 2px solid #ff6000;border: 1px solid #fff;}
.boxPopup .login-title .login-close {cursor:pointer; height: 30px;width: 30px;float: right;position: relative;}
.boxPopup .login-title .login-close a {background: url("/Images/System/login-close.png") 14px -15px no-repeat;position: absolute;top: 6px;width: 100%;height: 16px;width: 30px;left: -6px;}
.boxPopup .lvTinhThanh{padding:5px 80px 5px 15px;position:relative;}
.boxPopup .mapsVN{background-position: -37px -337px; width:105px;right:0; height:165px;position:absolute;}
.boxPopup .lvTinhThanh .item{float: left;margin-left: 6px;width: 100px;margin-bottom: 5px; line-height:20px;}
.boxPopup .lvTinhThanh .item a{color:#17658C;font-weight:normal;font-size:12px;}
.boxPopup .lvTinhThanh .item a:hover{color:#F47A20;text-decoration:underline;}
.pChangePass{width:425px;top: 20%;left: 35%;} .spanCPass{width:160px;}
/*-------------------- END POPUP -----------------------------------*/
/*-------------------- lOGIN -----------------------------------*/
.login-content {font-family: Arial,  sans-serif; font-size:12px; padding:10px;}
.login-content li {line-height: 28px;display: block;position: relative;clear: both;padding-bottom: 7px;}
.login-content li.li-btn {padding-left: 75px;}
.login-content li.li-done {padding-left: 150px;}
.login-content li span{color: #333;display: inline-block;min-width: 75px;float: left;}
.login-content li input.login-txt {border: 1px solid #ccc; color:#333;font-size: 12px;padding: 0 5px;line-height: 26px;height: 26px;vertical-align: middle;width: 196px;border-radius: 2px;-moz-radius: 2px;-webkit-border-radius: 2px; }
.login-content .login-btn, .reg-btn, .done-btn{background-image: url("/Images/System/login-button-v2.png");background-repeat: no-repeat;min-height: 20px;}
.login-content .login-btn {background-position: 0px 1px;width: 99px;height: 32px;display: inline-block;}
.login-content .reg-btn{background-position: -110px 1px;width: 100px;height: 32px; display: inline-block;}
.login-content .done-btn{background-position:2px -60px;width: 100px;height: 32px; display: inline-block;}
.login-content li.li-btn a {color: #666;}
.login-content li.li-btn a:hover {color: #ff6000;}
/*-------------------- END lOGIN -----------------------------------*/
.map{margin-top: 5px;float: left;width: auto; margin-bottom:5px;}
.img-Search {background: url("/Images/System/ts_bg.jpg") no-repeat scroll center bottom transparent;}
.selectMap{float:left; margin-top:10px;}
.wrap-btnMap{float: left; margin-right: 15px;}
.wrap-nextM{float:left; margin-top:-10px}
.btnshowMap {background: url("/Images/System/Maps-icon.png") no-repeat scroll 4px 2px #333333;color: #FFFFFF; display: inline-block; font-weight: bold; margin-right: 3px;padding: 9px 7px 7px 45px;text-shadow: none;}
.btnshowMap:hover {color:#fff;}
/*Back to Top*/
.to_top{background: url("../images/system/scroll-top.png") no-repeat scroll 0 0 transparent;bottom: 10px; display: block;height: 46px; opacity: 0.7;position: fixed; right: 10px;text-indent: -99999px;width: 46px;}
.to_top:hover{opacity:1}
/*--------------------------------------------------------------------*/
/*-------------------------- DANH SÁCH TIN TỨC -----------------------*/
.lst-News{}
.lst-News li{float: left; width: 100%; padding-bottom: 5px; border-bottom: 1px solid #f1f1f1; padding-top:5px;}
.lst-News li img{width:166px; height:124px; margin-right:10px;float:left;}
.lst-News li .content{float:left;width:510px;}
.lst-News li a{float:left; font-weight:bold; font-size:12px;}
.lst-News li a:hover{color:#0098D3;}
.lst-News li .descriprion{float:left; margin-top:3px;}
.lst-News li .time-news{font-size: 11px;line-height: 16px;color: #A7A7A7;float:left;}
.news-noibat{float:left; width:100%; padding-bottom:5px; border-bottom: 1px solid #f1f1f1; height:225px;}
.news-noibat img{width:290px; height:210px; float:left;}
.news-noibat .description{float:left;width:385px; height:192px; background:#f5f5f5; padding:10px;}
.news-noibat .title{color:#0098D3;}
.news-noibat .title:hover{color:#006588;}
/*-------------------------- END DANH SÁCH TIN TỨC --------------------*/
/*-------------------------- MODULE NEWS NỔI BẬT ----------------------*/
.module_news{padding: 5px; float:left;width:95%;}
.module_news li{margin-bottom: 3px;border-bottom-style: dotted;border-bottom-width: 1px;border-bottom-color: #f5f5f5;padding: 3px;float:left; width:100%;}
.module_news li:first-child{border-top:1px dotted #f5f5f5;}
.module_news a{display:block; color:#525151;}
.module_news a:hover{color:#006BA0}
.module_news li:hover{background-color: #f5f5f5;}
.module_news img{float: left;margin: 0 5px 5px 0;width: 60px;height: 45px;}
/*-------------------------- END MODULE NEWS NỔI BẬT ----------------------*/
/*-------------------------- ĐĂNG KÝ TÀI KHOẢN -----------------------*/
.left-Signin{float:left;width:600px}
.right-Signin{float:right;width:385px;}
.form-Signin{margin:10px 0px 10px 0px;float:left;width:100%;}
.form-labelS {float: left;width: 180px;margin-left: 55px;padding-top: 8px;text-align: left;font-size: 13px;color: #606060;overflow: hidden;line-height: 15px;}
.infoGues{margin:5px 0px 5px 0px;float:left;width:100%;font-size: 13px;color: #606060;}
.lableGues{margin-left:0px;}
.gopY-label{width: 90px;margin-left: 30px;}
.labaleL{width:80px !important;}
.text-waning{text-align: center; color: red; font-size:14px;}
.mid-spaceL{margin-bottom:13px;}
.ativeU{text-align:center; float:left; width:100%;}
.ativeU p{font-size:16px; font-weight:bold; line-height:30px; color:#666666;}
.ativeU p a{color:#666666}
.ativeU p a:hover{text-decoration:underline;background:#fff;}
/*-------------------------- END ĐĂNG KÝ TÀI KHOẢN -----------------------*/
/*-------------------------- GÓP Ý -----------------------*/
#wrap-feedback{position: fixed; top:280px; z-index: 11; display: block;height: 65px; background-repeat: no-repeat; right:0px;}
#wrap-feedback .bg-FBack{cursor:pointer; background-image: url("/Images/System/feedback-bg.gif"); width: 57px; height:65px;display:block;}
/*-------------------------- END GÓP Ý -------------------*/
#notifition {position: fixed;background-color: red; height: 21px; margin: 0 auto;width: 1000px; z-index: 99999; opacity: 0.9; text-align:center;padding:3px;color:#fff;font-weight:bold;display:none;}
/*---------------------------Menu-function-ul-li--------------------------*/
.title-manager{font-size: 12px;font-weight: bold; color: #034B8A; margin-top: 10px;border-bottom: 1px solid #d5dade;margin-bottom: 5px;padding: 0 0 3px 20px;text-align: left;}
.rightM{border:none; font-size:14px;}
.menu-function li{}
.menu-function li a{color:#313131; display:block; padding:7px 7px 7px 20px}
.menu-function li:hover{color:#313131; background-color: #EAEAEA; background: url('/images/system/arrow_bg_gray.png') no-repeat 260px center #E6E6E6; font-weight:bold;}
.item_phongtro {padding: 20px 0;width: 100%;border-top: 1px solid #D5DADE;}
.item_phongtro:first-child{border-top:none !important;}
.item_phongtro .main_img_pt {width: 108px;height: 115px;display: block;overflow: hidden;float:left;}
.item_phongtro .main_img_pt .show_main_img {max-width: 112px;max-height: 100%;display: block;overflow: hidden;max-height: 128px;}
.item_phongtro .info_item_pt{height: 100%;width: 440px;margin:0 10px 10px 10px;text-align: left; float:left;}
.sub_info_phongtro {float: left;width: 100%;padding-bottom: 3px;}
.sub_info_phongtro h2 {color: #055699;font-size: 13px;display: block;float: left;line-height: 20px;}
.pt_view {float: left;width: 100%;color: #666;}
.pt_view p{margin-bottom: 5px; font-size:12px; font-weight:bold;}
.pt_view .timeD{float:left;}
.pt_view .view-on{background: url("/images/system/icon_view_item.png") no-repeat scroll 3px 0 transparent;display: block;float: left;height: 20px;left: 10px;width: 20px;margin-right: 1px;margin-top:2px;}
.cm-detail {color: #666;} .cm-detail:hover{color: #ff8b00;}
.even-item{float: left; width:83%;}
.even-item .wrap-even{margin-left:5px;}
.even-item .evn_item_style{display: inline-block;padding: 4px 5px;border: 1px solid #c0c0c0;background-color: #f1f1f1;color: #343434 !important;margin-left: 5px;}
.even-item .evn_item_style:hover {text-decoration: underline;}
.even-item-vip {float:left;width: 142px;}
/*------------------------------------------------------------------------*/
/*-------------------------USER MANAGER----------------------------*/
.lst-phongtro-usermgr{float:left; width:100%}
.lst-phongtro-usermgr li {float:left; width:100%;}
.lst-phongtro-usermgr .img-pt{float:left;}
.lst-phongtro-usermgr .content-pt{float:left; width: 503px;}
.lst-phongtro-usermgr .top-function-pt{float:left;}
.lstPt-manager{border: 1px solid #DDDDDD;}
.info-mng-left{width:70%; float:left;}
.info-mng-right{width:29%; float:left;}
.Emgr-label{width: 160px;margin-left: 30px;}
.mgrAvarta-label{width: 160px;margin-bottom: 5px;margin-left:0px;}
.avtMgrUser {width:150px; overflow:hidden;height: 150px;margin-top: 10px;margin-right: 15px;}
.avtMgrUser img{height: 150px;}
/*------------------------------------------------------------------*/
/*---------------------------------------PhongTroVIP---------------*/
.lstPhongTroVIP { padding: 5px; border: 1px solid #DFDFDF;box-shadow: 0 0 5px #DFDFDF; margin-bottom: 10px;background-color: #FFFEFD;}
.lstPhongTroVIP .itemPTVip {margin-bottom:3px; border-bottom:dotted 1px #ccc;padding-bottom:3px;}
.lstPhongTroVIP .itemPTVip .img-pt-vip{float:left;width:140px;height:115px; overflow:hidden;background-color: #FFFFFF;border: 1px solid #DAD8D8;padding: 5px;}
.lstPhongTroVIP .itemPTVip .img-pt-vip img{    height: 100%;width: 100%;}
.lstPhongTroVIP .itemPTVip .description-pt-vip {float:left;width:515px;margin-left:5px;}
.lstPhongTroVIP .itemPTVip .description-pt-vip h3 a{color:#D85028;font-size:16px;}
.lstPhongTroVIP .itemPTVip .description-pt-vip p{font-size:13px;}
.read-more {margin-top:5px; text-align:right;}
    .read-more .w8-button {padding: 5px 9px;}
/*-----------------------------------------------------------------*/
.wrap-napGold{width:100%;margin:0 auto;}
.napGr{float:left;width:350px; padding-left:5px; margin-top:10px;}
.nG-info{height:32px;}
.nG-info span{width:155px; font-weight:bold; color:#606060; font-size:12px; float:left;}
.nG-info b{color:red;}
.napGl{float:left;width:350px; margin-top:10px;border-left: 1px solid #d8dfea;padding-left:5px;}
.napG-lable{width: 100px;margin-left: 0px; font-weight:bold;}
.napG-waning{text-align:right;font-size:11px;color:#333; margin:3px 0px;}
.ckeditor{width:100%;}
.noidungtindang {width:100%;}
.error-item{border:1px solid red!important;}
.box-left-content {padding:3px;}
.box-left-content ul li{list-style:disc; margin-left:18px;}
.info-active-vip{background-color: #999999;font-weight:bold;color:#fff;padding: 3px;}
.demo-vip{border-left:1px solid #ccc;padding-left:10px;height: 285px}
.demo-vip img{width:260px;}
.gold-pay{font-weight:bold; color:Red;}
.spaceTime li {float: left;margin-bottom: 15px;width: 75px;}
/*----------------------------Tool Tip-----------------------*/
#dhtmltooltip{border: #666 2px solid; padding: 5px; font-size: 10pt; z-index: 100; -moz-opacity: 0.9; opacity: 0.9; filter: alpha(opacity=90); left: -300px; top:0px; visibility: hidden; font-family: Arial; position: absolute; background-color: lightyellow; width: 300px; text-align:left;}
#dhtmlpointer{z-index: 101; left: -300px; top:0px; visibility: hidden; position: absolute;}
.lstKhuVuc-Search{float:left; width:100%; border-bottom: 4px solid #d4ddec; margin-bottom:5px;}
.lstKhuVuc-Search li{float:left;width:118px;}
.lstKhuVuc-Search li a{display:block; padding: 3px 5px; color:#024e8c; background: url(/images/system/arrow-mn.gif) no-repeat scroll left 9px transparent; padding-left:10px;}
.lstKhuVuc-Search li a:hover{text-decoration:underline;background: url(/images/system/arrow-info.gif) 0 9px no-repeat;}
.lstKhuVuc-Search li a:active{color:#ff8b00;}

/*----------------------------Slide-------------------------*/
.wrap-sms{padding: 5px;border: 1px solid #DFDFDF;box-shadow: 0 0 5px #DFDFDF;}
.bgSms{width:100%; background: url(/images/system/ipadSMS.png) center center no-repeat; height:350px; position:relative;}
.smsMT{position: absolute;text-align: center;width: 100%;bottom: 0;margin-bottom: 76px;font-weight: bold;font-size: 22px; color:red}
#bigPic{width:687px;height:400px;padding:1px;border:1px solid #CCC;background-color:#FFF;margin-bottom:10px; overflow:hidden;}
#bigPic img{/*position:absolute;*/display:none;/*width:687px;*/}
ul#thumbs li.active{border:2px solid #000;	background:#fff;padding:2px;}
ul#thumbs, ul#thumbs li{margin:0;padding:0;list-style:none;}	
ul#thumbs li{float:left;margin-right:7px;margin-bottom:5px;border:1px solid #CCC;	padding:3px;cursor:pointer;}
ul#thumbs img{float:left;width:80px;height:80px;line-height:80px;overflow:hidden;position:relative;z-index:1;		}
#push {height: 100px; /* .push must be the same height as .footer */padding-top:10px;}
/*----------------------------------------------------------*/
/*============================================404 Page===============================*/
.intro-404 h1{color: #DF8600;font-size:20px;}
/*===================================================================================*/
.lst-button-like{border:1px solid #FF8500;margin: 5px 0;}
.lst-button-like .like-text{background: none repeat scroll 0 0 #FF8500; color: #FFFFFF; display: block;float: left; margin: 0 10px 0 0;padding: 7px 10px 7px 10px;font-weight: bold;}
.lst-button-like .lk-btn{padding-top:3px;}
.canh-bao-dang-tin {padding:5px; border:2px solid red; color:red; margin-bottom:5px;}
.textLinkss{float:left; width:100%;} .textLinkss a{color:#0784a3} .textLinkss a:hover{text-decoration: underline;}

/*-------------POPUP QUẢNG CÁO INDEX-----------*/
.popup-botAV{width:300px; height:220px; position:fixed; bottom:0px; z-index:100000; float:right;right:0px; border:1px solid #0099FF;}
.popup-slibar{width:300px; position:fixed; bottom:0px; z-index:100000; float:right;right:0px; border:1px solid #0099FF;}
.colose-botAV{width:70px; line-height:20px; background-color:slategray; float:right; font-weight:bold; text-align:center;}
.header-botAV{background-color:#fff; width:130px; text-align:center; color:#0099FF; line-height:20px; font-weight:bold;}
.titleAV{background-color: #fff; width: 280px; padding-left: 4px; color: #0099FF; line-height: 20px;}
.header-botAV span{ font-weight:normal;}
.colose-botAV a{color:#fff;}
.colose-botAV a:hover{color:#ccc;}
/*------------- END POPUP QUẢNG CÁO INDEX-----------*/

/*=============================sitemap-breadcrumbs==============================*/
.sitemap-breadcrumbs{border:1px solid #FF8500;margin-bottom:2px;}
.sitemap-label
{float:left;background: none repeat scroll 0 0 #FF8500;  color: #FFFFFF;  display: block; float: left; margin: 0 10px 0 0; padding: 3px 10px; font-weight: bold;}
.item-breadcrumbs{float:left;font-weight:bold;margin-top:3px;}
/*==============================================================================*/

/*=========================lich khia giang========================================*/
.tblLichKhaiGiang tr td {
    vertical-align:top;
}
.tblLichKhaiGiang tr td h3{
    font-size:13px;
}
.tblLichKhaiGiang tr td .khung-avt-lkg {
    height: 80px;
    overflow: hidden;
    width: 100px;
}
.tblLichKhaiGiang tr td .img-avt-lkg {
    height: 100%;
    width: 100%;
}
.tblLichKhaiGiang .calendar-lkg {
    border: 1px solid #C4C4C4;
    width: 72px;
}
.tblLichKhaiGiang .day-lkg {
    width:100%;
    text-align:center;
}
.tblLichKhaiGiang .date-lkg {
    width:100%;
    text-align:center;
    font-weight:bold;
    font-size:22px;
}
.tblLichKhaiGiang .montyear-lkg{
    width:100%;
    padding:3px 0;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:14px;
}
.cld-start .montyear-lkg {background-color: #3398CC;}
.cld-start {border: 1px solid #3398CC!important;}
/*--*/
.cld-end .montyear-lkg {background-color: #FF0000 ;}
.cld-end {border: 1px solid #FF0000 !important;}
/*===================================================================================*/
.content {text-align:justify;}
.form-nhan-qua {
    background: url("/images/system/bgVidFlipped.png") no-repeat scroll 50% top #265989;
    color: #FFFFFF;
    height: 394px;
    line-height: 30px;
    margin-bottom: 0px;
    min-width: 990px;
    padding: 10px 0 0;
    /*border-top: 1px solid #8D8D8D;*/
    border-top: 3px solid #14385A;
}

        #myGallery1 {
            width: 100%;
            height: 300px;
        }

        .royalSlider .sgMidText {
            font-size: 1.3em;
        }

        .royalSlider .sgSmallText {
            font-size: 0.8em;
        }

        .tintButton {
            background: no-repeat 0 0;
            background-color: #33383e;
            color: #EAEAEA;
            cursor: pointer;
            padding: 5px 12px;
            -webkit-transition: background-color .2s ease-out;
            -moz-transition: background-color .2s ease-out;
            -o-transition: background-color .2s ease-out;
            transition: background-color .2s ease-out;
        }

            .tintButton:hover {
                background-color: #EAEAEA;
                color: #33383e;}

.wrap-slideKH {width:100%;float:left;}
.khSlide{width:720px; height:280px;float:left;margin-top:10px;visibility:hidden}
.khCamNhanHv{width:275px;float:left; margin-right:5px;}
.titleModule-Right {margin-top:9px;background: url(/Images/System/icon-tap-cuoi.jpg) no-repeat scroll left top #3398CC;border: 1px solid #E8E8E8;color: #FFF;font-size: 14px;font-weight: 700;margin-bottom: 5px;text-transform: uppercase;padding: 7px 0 7px 16px;}
.titleModule-Right h4{margin-left: 5px;padding-left: 10px;font-weight: 700!important;}
.cmList {font-family: Calibri;font-size: 14px;padding: 5px;}
.cmList a{color:#000;}
.cmList a:hover{color:#034B8A;}
.cmList img{float:left;margin-right:10px;}
/*Popup*/
.popup-botAV{width:400px;height:220px;position:fixed;bottom:0;z-index:100000;float:right;right:0;border:1px solid #09F}
.popup-slibar{width:400px;position:fixed;bottom:0;z-index:100000;float:right;right:0;border:1px solid #09F}
.colose-botAV{width:70px;line-height:20px;background-color:#708090;float:right;font-weight:700;text-align:center}
.header-botAV{background-color:#fff;width:130px;text-align:center;color:#09F;line-height:20px;font-weight:700}
.titleAV{background-color:#fff;width:280px;padding-left:4px;color:#09F;line-height:20px}
.header-botAV span{font-weight:400}
.colose-botAV a:hover{color:#ccc}

.tblthanhtoan, .tblthanhtoan th, .tblthanhtoan td {
    border: 1px solid #ccc;
}
.tblthanhtoan td,.tblcon td {padding:5px;}

.tblcon{background:#C8E1F7; width:100%;}
.stick {position: relative;top: 10px; width:280px;}